<!doctype html>

<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Create an Account</title>
	<meta name="description" content="form to add new books">
	<link href="style.css" type="text/css" rel="stylesheet" />
	<script src="http://127.0.0.1:7000/views/register.js" defer></script>

	
	<style>
		#main-container {
			width: 300px;
			display: inline-block;
		}
		#main-container .main-form {
			max-width: 300px;
		}

		#main-container .main-form-button {
			width: 100%;
		}
	</style>
</head>

<body>
	{{!-- <form action="/register" enctype="multipart/form-data" method="post">
			<p>Username:<br /><input type="text" name="user" placeholder="your preferred username (no spaces)" value=""></p>
            <p>Password:<br /><input type="password" name="pass" placeholder="your chosen password" value=""></p>
			<p>Profile Picture:<br /><input type="file" name="avatar"></p>
			<p><input type="submit" value="Create"></p>
		</form> --}}

	<h1 style="text-align: center;">Create an Account</h1>

	<div style="text-align: center;">
		<div id="main-container"></div>
	</div>
</body>
</html>